<!DOCTYPE html>
<html>
<head>
    <title><!--{$data.title}--></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="<!--{$data.description}-->" />
    <meta name="keywords" content="<!--{$data.keyword}-->" />

    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <!-- css -->
    <link href="/static/home/css/iconfont.css" rel="stylesheet"/>
    <link href="/static/home/css/am.css" rel="stylesheet"/>
    <link href="/static/home/css/flexslider.css" rel="stylesheet"/>
    <link href="/static/home/css/style.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/static/home/css/blueimp-gallery.min.css">
    <style type="text/css">
        ._parameter ._parameter_l{padding-right: 5%;}
        .newlouceng{padding: 40px 0 20px 0;}
        .newtitle{font-size: 28px;color: #474747;font-weight: normal;}
        ._view ._more{cursor: pointer;}
        ._view ._more:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}
        ._upgradedVersion ._upgradedVersion_list ul li .pic_text p._text,._relatedProducts ._carousel .small_pic ul li .pic_text p._text{font-size: 16px;}
        ._technicalData{padding-bottom: 40px;}
        ._partsAdvantage_c ._partsAdvantage_list{background: #f4f4f4}
        ._partsAdvantage_c ._partsAdvantage_list:nth-child(2n+0){background: #fff;}
        .thissinglepro_top{border-bottom: none;}
        .flex-control-paging li a.flex-active {background: #666;cursor: default;border: 1px #666 solid;}
    </style>
    <!--{$seo.head}-->
</head>
<body>
<!--{$seo.body}-->

<div class="wrap">
    <!--导航-->
    <!--{include file='public/header' /}-->

    <!-- banner -->
    <div class="banner magtopmenu">
        <ul class="banner_slider clear">
            <!--{volist name="data.cover" id="v"}-->
            <li>
                <div class="pic">
                    <img src="<!--{$v}-->">
                </div>
            </li>
           <!--{/volist}-->
        </ul>
    </div>
    <!-- banner end -->

    <!-- position -->
    <div class="position_content">
        <div class="public">
            <div class="position">
                <i class="iconfont icon-zhuye"></i>
                <a href="/">首页</a> >
                <a href="/Product-Category.html">产品中心</a>>
                <a href="/Product-Category/<!--{$type.id}-->.html"><!--{$type.name}--></a>>
                <a><!--{$data.title}--></a>
            </div>
        </div>
    </div>
    <!-- position end -->
    
</div>

<div class="louceng_box">
    <!-- pages -->
    <div class="_productDescription louceng newlouceng">
        <div class="public clear">
            <div class="singlepro_top textcenter">
                <!--{$data.desc|raw}-->
            </div>
            <div class="_parameter clear" id="inch_1">
                <h3 class="newtitle">技术参数</h3>
                <div class="_parameter_l col-lg-2 fl">
                    <!--{$data.canshu|raw}-->
                </div>

                <div class="_parameter_r col-lg-2 fr">
                    <div class="pic clear">
                        <div class="pic_img fr">
                            <iframe width="500" height="300" src="<!--{$data.video}-->" frameborder=0 'allowfullscreen'></iframe>
                        </div>
                    </div>
                    
                </div>

            </div>
        </div>
    </div>


    <div class="_partsAdvantage louceng" style="padding: 40px 0 0 0;">
        <div class="singlepro_top thissinglepro_top">
            <div class="public">
                <h3 class="title">产品优势</h3>
                <p class="_text"><!--{$data.parts_intro|raw}--></p>
            </div>
        </div>
        <div class="_partsAdvantage_c">
            <!--{volist name='data.parts' id='v' key='k'}-->
            <!--{eq name='$k%2' value='0'}-->
            <div class="_partsAdvantage_list clear">
                <div class="public">
                    <div class="_partsAdvantage_list_l fl widfive">
                        <div class="clear">
                            <a href="<!--{$v.img_url}-->" rel="prettyPhoto[gallery]">
                                <div class="pic am">
                                    <div class="pic_img am"><img src="<!--{$v.img_url}-->" alt="<!--{$v.alt}-->" style="width: 394px;height: 263px;"></div>
                                    <div class="pic_open am">
                                        <i class="iconfont icon-datu"></i>
                                    </div>
                                </div>
                            </a>
                        </div>
                        
                    </div>
                    <a >
                        <div class="_partsAdvantage_list_r fr widfive">
                            <h3><!--{$v.name}--></h3>
                            <p><!--{$v.content}--></p>
                        </div>
                    </a>
                </div>
            </div>
            <!--{else /}-->

            <div class="_partsAdvantage_list clear">
                <div class="public">
                    <a >
                        <div class="_partsAdvantage_list_l fl widfive">
                            <h3><!--{$v.name}--></h3>
                            <p><!--{$v.content}--></p>
                        </div>
                    </a>
                    <div class="_partsAdvantage_list_r fr widfive">
                        <div class="clear">
                            <a href="<!--{$v.img_url}-->" rel="prettyPhoto[gallery]">
                                <div class="pic am">
                                    <div class="pic_img am" ><img src="<!--{$v.img_url}-->" alt="<!--{$v.alt}-->" style="width: 394px;height: 263px;"></div>
                                    <div class="pic_open am">
                                        <i class="iconfont icon-datu"></i>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!--{/eq}-->
            <!--{/volist}-->
        </div>
    </div>

    

    <div class="_imageArray louceng" style="background: #f3f3f3;padding-bottom: 40px;">
        <div class="public">
            <h3 style="font-size: 40px;text-align: center;padding: 25px 0px;">3D演示</h3>
            <div id="ORS1309A"></div>
            <div class="_text">

            </div>
        </div>
    </div>



    <div class="_productionSamples louceng">
        <div class="public _moduleh3">
            <h3 class="_title">切割样品</h3>
            <div class="_productionSamples_list">
                <ul class="col-4 clear">
                    <!--{volist name="data.sample" id="v" key="k"}-->
                    <!--{gt name='k' value='4'}-->
                    <li class="fl samples" style="display: none;margin-top: 2%;" >
                        <a href="<!--{$v.img_url}-->" title="<!--{$v.name}-->" rel="prettyPhoto[gallery]">
                            <div class="pic am">
                                <div class="pic_img am">
                                    <img src="<!--{$v.img_url}-->" alt="<!--{$v.alt}-->" style="height: 190px;">
                                </div>
                                <div class="pic_open am">
                                    <i class="iconfont icon-datu am"></i>
                                </div>
                            </div>
                            <p class="_text am"><!--{$v.name}--></p>
                        </a>
                    </li>

                    <!--{else /}-->
                    <li class="fl" style=";margin-top: 2%;">
                        <a href="<!--{$v.img_url}-->" rel="prettyPhoto[gallery]">
                            <div class="pic am">
                                <div class="pic_img am">
                                    <img src="<!--{$v.img_url}-->" style="height: 190px;">
                                </div>
                                <div class="pic_open am">
                                    <i class="iconfont icon-datu am"></i>
                                </div>
                            </div>
                            <p class="_text am"><!--{$v.name}--></p>
                        </a>
                    </li>
                    <!--{/gt}-->
                    <!--{/volist}-->
                </ul>
                
            </div>
            <div class="_view">
                <a class="_more am" title="See more" id="samplessee">查看更多</a>
                <span class="_link"></span>
            </div>
        </div>

    </div>

    <div class="_upgradedVersion _productionSamples louceng">
        <div class="public _moduleh3">
            <h3 class="_title"> <!--{$type.name}-->的特点</h3>
            <div class="_upgradedVersion_list">
                <ul class="col-4 clear">

                    <!--{volist name='data.bujian' id='v' key="k"}-->
                    <!--{gt name='k' value='4'}-->
                    <li class="fl tedian" style="display: none;height: 265px;margin-bottom: 9%;">
                        <a href="/Features/<!--{$v.id}-->.html">
                            <div class="pic am">
                                <div class="pic_img am">
                                    <img src="<!--{$v.img_url}-->" alt="<!--{$v.alt}-->" style="height: 190px;">
                                </div>
                            </div>
                            <div class="pic_text">
                                <h4 class="_title am"><!--{$v.name}--></h4>
                                <p class="_text text__" style="height: 68px;"><!--{$v.description}--></p>
                                <a class="_more am" href="/Features/<!--{$v.id}-->.html"><i class="iconfont icon-xiangyou1"></i>更多细节 </a>
                            </div>
                        </a>
                    </li>

                    <!--{else /}-->

                    <li class="fl" style="height: 265px;margin-bottom: 9%;">
                        <a href="/Features/<!--{$v.id}-->.html">
                            <div class="pic am">
                                <div class="pic_img am">
                                    <img src="<!--{$v.img_url}-->" alt="<!--{$v.alt}-->" style="height: 190px;">
                                </div>
                            </div>
                            <div class="pic_text">
                                <h4 class="_title am">{$v.name}</h4>
                                <p class="_text text__" style="height: 68px;"><!--{$v.description}--></p>
                                <a class="_more am" href="/Features/<!--{$v.id}-->.html"><i class="iconfont icon-xiangyou1"></i>更多细节</a>
                            </div>
                        </a>
                    </li>
                    <!--{/gt}-->
                    <!--{/volist}-->
                </ul>
            </div>
            <div class="_view">
                <a class="_more am" id="tedian">查看更多</a>
                <span class="_link"></span>
            </div>
        </div>
    </div>
    <div class="_upgradedVersion _productionSamples louceng">
        <div class="public _moduleh3">
            <h3 class="_title"> <!--{$type.name}-->的可选升级</h3>

            <div class="_upgradedVersion_list">
                <ul class="col-4 clear">

                    <!--{volist name="data.lore" id="v" key="k"}-->
                    <!--{gt name='k' value='4'}-->
                    <li class="fl shengji" style="display: none;height: 290px;margin-bottom: 9%;">
                        <a href="/Upgrades/<!--{$v.id}-->.html">
                            <div class="pic am">
                                <div class="pic_img am">
                                    <img src="<!--{$v.img_url}-->" alt="" style="height: 190px;">
                                </div>
                            </div>
                            <div class="pic_text">
                                <h4 class="_title am"><!--{$v.name}--></h4>
                                <div class="_text __text" style="padding-bottom: 20px;height: 120px;"><!--{$v.intro}--></div>
                                <a class="_more am" href="/Upgrades/<!--{$v.id}-->.html"><i class="iconfont icon-xiangyou1"></i>更多细节 </a>
                            </div>
                        </a>
                    </li>

                    <!--{else /}-->

                    <li class="fl" style="height: 290px;margin-bottom: 9%;">
                        <a href="/Upgrades/<!--{$v.id}-->.html">
                        <div class="pic am">
                            <div class="pic_img am">
                                <img src="<!--{$v.img_url}-->" style="height: 190px;">
                            </div>
                        </div>
                        <div class="pic_text">
                            <h4 class="_title am"><!--{$v.name}--></h4>
                            <div class="_text __text" style="padding-bottom: 20px;height: 120px;"><!--{$v.intro}--></div>
                            <a class="_more am" href="/Upgrades/<!--{$v.id}-->.html"><i class="iconfont icon-xiangyou1"></i>更多细节 </a>
                        </div>
                        </a>
                    </li>

                    <!--{/gt}-->
                    <!--{/volist}-->
                </ul>
            </div>
            <div class="_view">
                <a class="_more am" id="shengjisee">查看更多</a>
                <span class="_link"></span>
            </div>
        </div>
    </div>

    <div class="_relatedProducts louceng">
        <div class="public">
            <div class="_module">
                <h3 class="_title">相关产品</h3>
                <p class="_text">数据仅供参考</p>
            </div>
            <div class="_carousel">
                <div class="small_pic">
                    <ul class="col-3 clear">
                        <!--{volist name='data.product' id='val'}-->
                        <li class="fl">
                            <a href="/product/<!--{$val.id}-->.html">
                                <div class="pic am">
                                    <div class="pic_img am">
                                        <img src="<!--{$val.img[0]}-->" style="height: 300px;">
                                    </div>
                                </div>
                                <div class="pic_text">
                                    <h4 class="_title am"><!--{$val.name}--></h4>
                                    <p class="_text ___text" style="height: 116px;"><!--{$val.introduce}--></p>
                                    <a class="_more am" href="/product/<!--{$val.id}-->.html"><i class="iconfont icon-xiangyou1"></i>更多细节 </a>
                                </div>
                            </a>
                            <!-- <span class="_label">HOT</span>-->
                        </li>
                        <!--{/volist}-->
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="mark"></div>
    <input type="hidden" name="dimensional" value="<?php echo $data['dimensional'];?>">
        <input type="hidden" id="pid" value="<?php echo $data['id'];?>">

    <!-- pages end -->
</div>
<input id="name" type="hidden" value="{$data.name}">
<ul class="fixedmeau" style="display: block;">
    <li class="active"><a></a><span class="am">产品介绍</span></li>
    <li class=""><a></a><span class="am">产品优势</span></li>
    <li class=""><a></a><span class="am">3D 展示</span></li>
    <li class=""><a></a><span class="am">切割样品</span></li>
    <li class=""><a></a><span class="am"> <!--{$type.name}-->的特点</span></li>
    <li class=""><a></a><span class="am"> <!--{$type.name}-->的可选升级</span></li>
    <li class=""><a></a><span class="am">相关产品</span></li>
</ul>
<!--{include file='public/footer' /}-->
<script type="text/javascript" src="/static/home/js/jquery.min.js"></script>
<script src="/static/home/js/script.js" type="text/javascript"></script>
<script src="/static/home/js/jquery.prettyPhoto.js" type="text/javascript"></script> 
<link href="/static/home/css/prettyPhoto.css" rel="stylesheet" type="text/css" />



<script src="/static/home/js/ORS1309AXR.js"></script>
<script type="text/javascript">

    $('._technicalData_c ._navbar span').click(function(){
        $(this).addClass("_active").siblings().removeClass("_active");
    });

    // ajax
    $('#send').click(function(){
        $.ajax({
            url: '',
            type: 'GET',
            data: $('#form2').serialize(),
        })
    })


    // 底部产品轮播
    $('._carousel').flexslider({
        selector: ".small_pic > ul",
        animation: "slide",
        controlNav: true,
        directionNav: true,
        multipleKeyboard:true,
        animationLoop: true,
        slideshow: true,
        slideshowSpeed: 3000,
        easing:"swing",
        smoothHeight: false,
        pauseOnAction:false,
        pauseOnHover:false,
        start: function(slider){
            //$('#loader').remove();
        },
        after: function(slider){
            //
        }
    });
    $(".__text p span").wordLimit(62); 
    $('.text__').wordLimit(25);
    $(".___text").wordLimit(85);
</script>

<script type="text/javascript">
    // //图片旋转
    // $(document).ready(function() {

    //     // 您可以在Rollerblade方法之外指定一组图像，
    //     // 然后传入，如下：
    //     var name= $('#name').val();
    //     $.ajax({
    //         type: "POST",
    //         dataType: "json",
    //         url: '/home/Product/ajaximg',
    //         data: {'name':name},
    //         success: function (res) {
    //             var success = JSON.parse(res);
    //             var arrayOfImages = success.data;
    //             $("#target").rollerblade({
    //                 imageArray: arrayOfImages
    //             });
    //         }
    //     });
    // })
    $('.qiehuan').click(function () {

        var id = $(this).attr('data-id');
        if(id==1){
            $('#inch_1').css('display','block');
            $('#inch_2').css('display','none');
        }else {
            $('#inch_1').css('display','none');
            $('#inch_2').css('display','block');
        }
    })
    $('.tech').click(function () {
        var id = $(this).attr('data-id');
        if(id==1){
            $('#technical_mm').css('display','block');
            $('#technical_inch').css('display','none');
        }else {
            $('#technical_mm').css('display','none');
            $('#technical_inch').css('display','block');
        }
    })
</script>
<script type="text/javascript">
    /*
     totop  //返回顶部按钮
     fixedevery   // 左侧固定导航的每一项
     louceng  //模块的每一项
     header   //头部
     */
    $(function(){
        var obj = new floor('.totop','.fixedmeau>li','.louceng_box>.louceng','.wrap');
        obj.init()
    })
    var flag = 0;
    $('#subMit').click(function(){
        ga('send','event','productmessage','click to submit','productmessages');
        if(flag==1){
            alert('Please refresh the page!');
            return false;
        }
        var country = $("#country option:selected").text();
        if(!$('#username').val()){
            alert('请填写姓名!')
            return false;
        }else if(!$('#tel').val()){
            alert('请填写手机!')
            return false;
        }else if(!$('#content').val()){
            alert('请填写内容!')
            return false;
        }
        $.ajax({
            type: "POST",
            dataType: "json",
            url: '/home/danye/addcontactus',
            data: {
                'name':$('#username').val(),
                'com':$('#com').val(),
                'email':$('#email').val(),
                'tel':$('#tel').val(),
                'country':country,
                'content':$('#content').val(),
                'type':3,
                'product_id':$('#pid').val(),
            },
            success: function (res) {
                var success = JSON.parse(res);
                if(success.code===200){
                    flag = flag+1;
                    alert(success.msg);
                }else {
                    alert(success.msg);
                }

            }
        });

    });
    var flag1 = 1;
    $('#samplessee').click(function () {
        if(flag1 === 1){
            flag1 = 2;
            $('#samplessee').css('background','#efefef');
            $('#samplessee').css('color','#1a7e67');
            $('#samplessee').text('收起');
            $('.samples').css('display','block');
        }else {
            flag1 = 1;
            $('#samplessee').css('background','#1a7e67');
            $('#samplessee').css('color','#fff');
            $('#samplessee').text('查看更多');
            $('.samples').css('display','none');
        }

    })
    var flag2 = 1;
    $('#applisee').click(function () {
        if(flag2 === 1){
            flag2 = 2;
            $('#applisee').css('background','#efefef');
            $('#applisee').css('color','#1a7e67');
            $('#applisee').text('收起');
            $('.appli').css('display','block');
        }else {
            flag2 = 1;
            $('#applisee').css('background','#1a7e67');
            $('#applisee').css('color','#fff');
            $('#applisee').text('查看更多');
            $('.appli').css('display','none');
        }

    })
    var flag3 = 1;
    $('#shengjisee').click(function () {
        if(flag3 === 1){
            flag3 = 2;
            $('#shengjisee').css('background','#efefef');
            $('#shengjisee').css('color','#1a7e67');
            $('#shengjisee').text('收起');
            $('.shengji').css('display','block');
        }else {
            flag3 = 1;
            $('#shengjisee').css('background','#1a7e67');
            $('#shengjisee').css('color','#fff');
            $('#shengjisee').text('查看更多');
            $('.shengji').css('display','none');
        }

    })
    var flag4 = 1;
    $('#tedian').click(function () {
        if(flag4 === 1){
            flag4 =2;
            $('#tedian').css('background','#efefef');
            $('#tedian').css('color','#1a7e67');
            $('#tedian').text('收起');
            $('.tedian').css('display','block');
        }else {
            flag4 =1;
            $('#tedian').css('background','#1a7e67');
            $('#tedian').css('color','#fff');
            $('#tedian').text('查看更多');
            $('.tedian').css('display','none');
        }

    })
</script>
<script>
$('.opentech').bind('click', function() {
  //console.log(1);
  $('.aavvc').addClass("animated fadeInDown").show();
    var video = document.getElementById('movie');
      if (video.paused) {
        video.play();
      }
})
</script>

<script type="text/javascript">
    var keyshotXR;
    function initKeyShotXR() {
        var nameOfDiv = "ORS1309A";
        var folderName = "imghover";
        var viewPortWidth = 1280;
        var viewPortHeight = 670;
        var backgroundColor = "#fff";
        var uCount = 20;
        var vCount = 10;
        var uWrap = true;
        var vWrap = false;
        var uMouseSensitivity = -0.0555556;
        var vMouseSensitivity = 0.0625;
        var uStartIndex = 10;
        var vStartIndex = 6;
        var minZoom = 1;
        var maxZoom = 2;
        var rotationDamping = 0.96;
        var downScaleToBrowser = true;
        var addDownScaleGUIButton = false;
        var downloadOnInteraction = false;
        var imageExtension = "png";
        var showLoading = true;
        var loadingIcon = "https://www.oreelaser.com/static/home/images/oreelaser.png"; // Set to empty string for default icon.
        var allowFullscreen = true; // Double-click in desktop browsers for fullscreen.
        var uReverse = false;
        var vReverse = false;
        var hotspots = {};
         var imgdirPath = $("input[name='dimensional']").val();
     
        keyshotXR = new keyshotXR(nameOfDiv,folderName,viewPortWidth,viewPortHeight,backgroundColor,uCount,vCount,uWrap,vWrap,uMouseSensitivity,vMouseSensitivity,uStartIndex,vStartIndex,minZoom,maxZoom,rotationDamping,downScaleToBrowser,addDownScaleGUIButton,downloadOnInteraction,imageExtension,showLoading,loadingIcon,allowFullscreen,uReverse,vReverse,hotspots,imgdirPath);
     }

    window.onload = initKeyShotXR;
    
</script>